<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table align="center" border="1" cellpadding="20" cellspacing="0" width="500"
    height="500"> 
    <!-- align 表格整体的位置，border 边框 -->
    <tr>
    <td>姓名</td>
    <td>性别</td>
    <td>年龄</td>
    </tr>
    <tr>
    <td>张三</td>
    <td>男</td>
    <td>10</td>
    </tr>
    <tr>
    <td>李四</td>
    <td>女</td>
    <td>11</td>
    </tr>
    </table>
    
    

    <h3>无序列表</h3>
<ul>
<li>咬人猫</li>
<li>兔总裁</li>
<li>阿叶君</li>
</ul>
<h3>有序列表</h3>
<ol>
<li>咬人猫</li>
<li>兔总裁</li>
<li>阿叶君</li>
</ol>
<h3>自定义列表</h3>
<dl>
<dt>我的老婆们</dt>
<dd>咬人猫</dd>
<dd>兔总裁</dd>
<dd>阿叶君</dd>
</dl>

<br>
<br><br>


<table  border="1" cellpadding="20" cellspacing="0" width="500" >
    <caption>
        <h3>期末成绩表单</h3>
    </caption>

     <tr>
        <th>年级</th>   
        <th>姓名</th>
        <th>成绩</th>
     </tr>
    <!-- tr是一行，th是单元格标题   td  是单元格-->
   
    <tr>
        <td>许文豪</td>
        <td  rowspan="2">2年级</td>    
        <!-- 下面的年级就不用写了   合并 -->
        <td>100</td>
    </tr>

    <tr>
        <td>小孩</td>
        <!-- <td> 2年级</td> -->
        <td>99</td>
    </tr>


    <tr>
        <td>评语</td>
        <td colspan="2">随便</td>
        <!-- <td>随便</td> -->
         <!-- 横向合并， colspan  后面的也不用写了 -->
    </tr>

</table>
</body>
</html>